iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 26
0
Modern Web

用Vue實作一個LINE@聊天機器人後台系列 第 26

[Day26] 製作一對一聊天頁面(四):新增Emoji功能

  • 分享至 

  • xImage
  •  

Imgur
新增一個POPCover

<div class="send-block">
          <div class="tool-bar">
              <el-popover
              placement="top-start"
              title="選擇表情符號"
              width="200"
              trigger="click"
              content="☹️☹️☹️☹️☹️">
              <span class="emoji-button" slot="reference" circle size="small">?</span>
            </el-popover>
          </div>
           <textarea class="input" @keyup.enter="sendMessage" v-model="newMessage">
           </textarea>
        </div>

插入所選中的Emoji


上一篇
[Day25] 製作一對一聊天頁面(三):實作後端完成功能
下一篇
[Day27] 設計分群問卷
系列文
用Vue實作一個LINE@聊天機器人後台30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言